var generalize = document.querySelector(".web_all header .generalize");
var product = document.querySelector(".web_all section .add");
var web6 = document.querySelector(".web6");
var web6_abolish = document.querySelector(".web6 .bg .all .abolish");
var web7 = document.querySelector(".web7");
var web7_abolish = document.querySelector(".web7 .bg .generalize_all .abolish");
var web8 = document.querySelector(".web8");
var income_box = document.querySelector(".web_all section .show_box .income_box");
var web8_quit = document.querySelector(".web8 header .icon-arrow-left");
var rule = document.querySelector(".web8 section .rule_box ul li p");
var web9 = document.querySelector(".web9");
var web9_quit = document.querySelector(".web9 header .icon-arrow-left");
var hint = document.querySelector(".web8 section .commission_box .commission_middle .middle_hint");
var web10_quit = document.querySelector(".web10 header .icon-arrow-left");
var web10 = document.querySelector(".web10");
var now_box = document.querySelector(".web10 section .now_box");
var confirm = document.querySelector(".web10 .confirm_box");
var web10_cancel = document.querySelector(".web10 .confirm_box .confirm .confirm_bottom #cancel");
var web10_ensure = document.querySelector(".web10 .confirm_box .confirm .confirm_bottom #ensure");
var web10_select = document.querySelector(".web10 .select_box");
var web10_wallet = document.querySelector(".web10 .select_box .select #this");
var success = document.querySelector(".web10 section .success_box");
var accont = document.querySelector(".web10 section .account_box");
var web11 = document.querySelector(".web11");
var web11_quit = document.querySelector(".web11 header .icon-arrow-left");
var web11_achieve = document.querySelector(".web11 section .achieve_box");
var web12 = document.querySelector(".web12");
var success_box = document.querySelector(".web11 section .achieve_box");
var web12_success_box = document.querySelector(".web12 section .achieve_box");
var web12_quit = document.querySelector(".web12 header .icon-arrow-left");
var web13_quit = document.querySelector(".web13 header .icon-arrow-left");
var choose_blank = document.querySelector(".web13 section #choose_blank");
var choose_wechat = document.querySelector(".web13 section #choose_wechat");
var web13 = document.querySelector(".web13");
var real = document.querySelector(".web8 section .commission_box .commission_bottom");
var web14 = document.querySelector(".web14");
var web14_quit = document.querySelector(".web14 header .icon-arrow-left");
var account_box = document.querySelector(".web14 section #first");
var web15 = document.querySelector(".web15");
var web15_quit = document.querySelector(".web15 header .icon-arrow-left");
var det_con_yes = document.querySelector(".web8 section .detail_wrap #yes");
var det_con_no = document.querySelector(".web8 section .detail_wrap #no");
var web16 = document.querySelector(".web16");
var web16_quit = document.querySelector(".web16 header .icon-arrow-left");
var web17 = document.querySelector(".web17");
var web17_quit = document.querySelector(".web17 header .icon-arrow-left");
var web18_quit = document.querySelector(".web18 header .icon-arrow-left");
var det_con_det = document.querySelector(".web8 section .detail_wrap #det");
var web18 = document.querySelector(".web18");
var det_con_record = document.querySelector(".web8 section .detail_wrap #record");
var web21 = document.querySelector(".web21");
var web21_quit = document.querySelector(".web21 header .icon-arrow-left");
var web22 = document.querySelector(".web22");
var record_box = document.querySelector(".web21 section #record_box");
var web22_quit = document.querySelector(".web22 header .icon-arrow-left");
product.addEventListener("click", function() {
	web6.style.transform = "translateX(0)"
})
web6_abolish.addEventListener("click", function() {
	web6.style.transform = "translateX(-100%)"
})
generalize.addEventListener("click", function() {
	web7.style.transform = "translateY(0)"
})
web7_abolish.addEventListener("click", function() {
	web7.style.transform = "translateY(-200%)"
})
income_box.addEventListener("click", function() {
	web8.style.transform = "translateX(0)"
})
web8_quit.addEventListener("click", function() {
	web8.style.transform = "translateX(-100%)"
})
rule.addEventListener("click", function() {
	web9.style.transform = "translateY(0)"
})
web9_quit.addEventListener("click", function() {
	web9.style.transform = "translateY(-100%)"
})
hint.addEventListener("click", function() {
	web10.style.transform = "translateX(0)"
})
web10_quit.addEventListener("click", function() {
	web10.style.transform = "translateX(-100%)"
})
now_box.addEventListener("click", function() {
	web10_select.style.transform = "translateX(0)"
})
web10_cancel.addEventListener("click", function() {
	confirm.style.transform = "translateX(-100%)"
})
web10_ensure.addEventListener("click",function(){
	confirm.style.transform = "translateX(-100%)"
	success.style.display = "block"
})
web10_wallet.addEventListener("click",function(){
	confirm.style.transform = "translateX(0)"
	web10_select.style.transform = "translateX(-100%)"
})
success.addEventListener("click",function(){
	success.style.display = "none"
})
accont.addEventListener("click", function() {
	web13.style.transform = "translateX(0)"
})
web13_quit.addEventListener("click", function() {
	web13.style.transform = "translateX(-100%)"
})
web11_quit.addEventListener("click", function() {
	web11.style.transform = "translateX(-100%)"
})
choose_blank.addEventListener("click",function(){
	web13.style.transform = "translateX(-100%)"
	web11.style.transform = "translateX(0)"
})
web11_achieve.addEventListener("click",function(){
	web11.style.transform = "translateX(-100%)"
	web13.style.transform = "translateX(0)"
})
choose_wechat.addEventListener("click",function(){
	web13.style.transform = "translateX(-100%)"
	web12.style.transform = "translateX(0)"
})
web12_success_box.addEventListener("click",function(){
	web12.style.transform = "translateX(-100%)"
	web13.style.transform = "translateX(0)"
})
web12_quit.addEventListener("click", function() {
	web12.style.transform = "translateX(-100%)"
})
real.addEventListener("click",function(){
	web14.style.transform = "translateX(0)"
})
web14_quit.addEventListener("click", function() {
	web14.style.transform = "translateX(-100%)"
})
account_box.addEventListener("click",function(){
	web15.style.transform = "translateX(0)"
})
web15_quit.addEventListener("click", function() {
	web15.style.transform = "translateX(-100%)"
})
det_con_yes.addEventListener("click", function() {
	web16.style.transform = "translateX(0)"
})
web16_quit.addEventListener("click", function() {
	web16.style.transform = "translateX(-100%)"
})
det_con_no.addEventListener("click", function() {
	web17.style.transform = "translateX(0)"
})
web17_quit.addEventListener("click", function() {
	web17.style.transform = "translateX(-100%)"
})
det_con_det.addEventListener("click", function() {
	web18.style.transform = "translateX(0)"
})
web18_quit.addEventListener("click", function() {
	web18.style.transform = "translateX(-100%)"
})
det_con_record.addEventListener("click", function() {
	web21.style.transform = "translateX(0)"
})
web21_quit.addEventListener("click", function() {
	web21.style.transform = "translateX(-100%)"
})
record_box.addEventListener("click", function() {
	web22.style.transform = "translateX(0)"
})
web22_quit.addEventListener("click", function() {
	web22.style.transform = "translateX(-100%)"
})